ค้นหา และศึกษาบทความด้านคอมพิวเตอร์ การเขียนเว็บไซต์ ทำเว็บไซต์ ทำโปรแกรม ทำโปรแกรมบนมือถือ ออกแบบเว็บไซต์ การเขียนโปรแกรม การออกแบบเว็บไซต์ ฐานข้อมูล รวมไปถึงข่าวแวดวง IT, Computer และบทความต่าง ๆ ที่ถูกคัดสรรมาอย่างดี ด้วยเนื้อหาที่สดใหม่ กระชับ และอ่านเข้าใจง่าย ซึ่งจะทำให้คุณสามารถที่จะแก้ไขปัญหาต่าง ๆ จากบทความ และองค์ความรู้ที่ทางเราเลือกมาให้ โดยบทความทุกบทความถูกเขียนขึ้นใหม่ ในเรื่องต่าง ๆ เพื่อนำเสนอมุมมองใหม่ ๆ ให้กับผู้อ่านทุกคน
|
ประเภทบทความ
|
|
บทความด้านคอมพิวเตอร์
delay() jQuery การสร้าง Delay การแสดงผล และการประมวลผล
บทความวันที่ 20 พฤศจิกายน 2555
delay() คือ คำสั่งของ jQuery ในหมวดของ Effects มีไว้สำหรับการสร้าง Delay การแสดงผล หรือการประมวลผลต่าง ๆ ของ Elements ที่ต้องการ
ภาพรวมของ delay()
1. ใช้คำสั่ง $('[Target_Element]').delay('[Duration]') ในการสร้าง Delay (Duration คือจำนวนเวลาที่ต้องการมีหน่วยเป็น milliseconds)
2. ใช้งานร่วมกับคำสั่ง Effects อื่น ๆ เช่น fadeIn(), fadeOut(), slideUp() หรือ slideDown() เป็นต้น
ตัวอย่างโปรแกรม
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com</title>
<style type="text/css">
div { position: absolute; width: 60px; height: 60px; float: left; }
.box1 { background-color:blue; left: 10;}
.box2 { background-color:green; left: 80px;}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><button>Run</button></p>
<div class="box1"></div>
<div class="box2"></div>
<script>
$("button").click(function() {
$("div.box1").fadeOut(400).delay(1000).fadeIn(400);
$("div.box2").fadeOut(400).fadeIn(400);
});
</script>
</body>
</html>
ผลลัพธ์
คำค้นหา delay() jQuery, รับเขียนเว็บ, รับทำเว็บ, เรียนเขียนโปรแกรม
|
